.edit-control-container {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(#fafafc 14px,transparent 0),linear-gradient(90deg,transparent 14px,#373739 0);
    background-color: #fff;
    background-size: 15px 15px,15px 15px;
    position: relative;
    overflow: hidden;

    .wrap-container {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;

        #wrap {
            position: absolute;
            width: 100%;
            height: calc(100% - 40px);
            user-select: none;
            padding-bottom: 0;
            top: 0;
            overflow: auto;

            // &:hover {
            //     overflow: auto;
            // }

            #content {
                width: 10000px;
                height: 10000px;
                position: absolute;
                top: 0;
                left: 0;

                .edit-canvas {
                    height: v-bind('pageConfig.height')px;
                    width: v-bind('pageConfig.width')px;
                    position: absolute;
                    background-color: v-bind('pageConfig.value.backgroundColor');
                    top: 50%;
                    left: 50%;
                    box-shadow: 0 8px 10px #00000012;
                    border-radius: 20px;
                    -webkit-transform-origin: 0 0;
                    transform-origin: 0 0;
                    overflow: hidden;

                    .components-show-content {
                        height: v-bind('pageConfig.value.height')px;
                        width: v-bind('pageConfig.value.width')px;

                        .custom-component-class {
                            width: 100%;
                            height: 100%;
                            pointer-events: none;
                        }

                    }
                }
            }
        }

        .edit-bottom-menu {
            width: 100%;
            height: 40px;
            background-color: $bgColor;
            z-index: 100;
            position: absolute;
            bottom: 0;
            display: flex;
            align-items: center;
            padding: 10px;

            .el-slider {
                width: 300px;
                float: right;
                margin-left: auto;
            }

            .key-down-show {
                font-weight: bold;
            }
        }

    }


}
